<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="./styles.css">
</head>
<body>
  <form id="options-wrapper">
    <div class="option">
      <label for="">存储服务</label>
      <div class="radio-group">
        <label><input type="radio" name="store" value="github" id="github" checked="checked"> GitHub</label>
        <label><input type="radio" name="store" value="gitee" id="gitee"> Gitee</label>
      </div>
    </div>
    <div class="option">
      <label for="">访问令牌</label><input type="text" name="access_token" placeholder="请输入您的访问令牌">
    </div>
    <div class="option">
      <label for="">定时同步</label>
      <div class="radio-group">
        <label><input type="radio" name="auto_sync" value="disabled" checked="checked"> 禁用</label>
        <label><input type="radio" name="auto_sync" value="daily"> 每天</label>
        <label><input type="radio" name="auto_sync" value="weekly"> 每周</label>
        <label><input type="radio" name="auto_sync" value="custom"> 自定义</label>
      </div>
    </div>
    <div class="option" id="custom_sync_interval" style="display: none;">
      <label for="">同步间隔 (分钟)</label><input type="number" name="sync_interval" min="1" placeholder="输入间隔时间">
    </div>
    <button type="button" class="save-btn">
      <span data-i18n="save">保存设置</span>
    </button>
  </form>
  <script src="./options.js" type="module"></script>
</body>
</html>